
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">

    <!--  Version: Multiflex-3 Update-2 / Layout-4             -->
    <!--  Date:    November 29, 2006                           -->
    <!--  Author:  G. Wolfgang                                 -->
    <!--  License: Fully open source without restrictions.     -->
    <!--           Please keep footer credits with a link to   -->
    <!--           G. Wolfgang (www.1-2-3-4.info). Thank you!  -->

    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <meta http-equiv="cache-control" content="no-cache" />
        <meta http-equiv="expires" content="3600" />
        <meta name="revisit-after" content="2 days" />
        <meta name="robots" content="index,follow" />
        <meta name="publisher" content="Your publisher infos here ..." />
        <meta name="copyright" content="Your copyright infos here ..." />
        <meta name="author" content="Design: G. Wolfgang www.1-2-3-4.info / Author: www.definslab.com" />
        <meta name="distribution" content="global" />
        <meta name="description" content="Your page description here ..." />
        <meta name="keywords" content="Your keywords, keywords, keywords, here ..." />
        <link rel="stylesheet" type="text/css" media="screen,projection,print" href="./css/layout_setup.css" />
        <link rel="stylesheet" type="text/css" media="screen,projection,print" href="./css/layout_text.css" />
        <link rel="icon" type="image/x-icon" href="./img/favicon.ico" />
        <title>Multiflex-3 Update-2 / Layout-4</title>
    </head>

    <!-- Global IE fix to avoid layout crash when single word size wider than column width -->
    <!--[if IE]><style type="text/css"> body {word-wrap: break-word;}</style><![endif]-->

    <body>
        <!-- Main Page Container -->
        <div class="page-container">

            <!-- For alternative headers START PASTE here -->


            <!-- A. HEADER -->
            <div class="header">

                <!-- A.1 HEADER TOP -->
                <div class="header-top">

                    <!-- Sitelogo and sitename -->
                    <a class="sitelogo" href="#" title="Go to Start page"></a>
                    <div class="sitename">
                        <h1><a href="index.html" title="Go to Start page">Academic Network</a></h1>
                        <h2>An academic social network</h2>
                    </div>

                    <!-- Navigation Level 0 -->
                    <div class="nav0">
                        <ul>
                            <li><a href="#" title="Pagina home in Italiano"><img src="./img/flag_italy.gif" alt="Image description" /></a></li>
                            <li><a href="#" title="Homepage auf Deutsch"><img src="./img/flag_germany.gif" alt="Image description" /></a></li>
                            <li><a href="#" title="Hemsidan p&aring; svenska"><img src="./img/flag_sweden.gif" alt="Image description" /></a></li>
                        </ul>
                    </div>

                    <!-- Navigation Level 1 -->
                    <div class="nav1">
                        <ul>
                            <li><a href="#" title="Go to Start page">Home</a></li>
                            <li><a href="#" title="Get to know who we are">About</a></li>
                            <li><a href="#" title="Get in touch with us">Contact</a></li>
                            <li><a href="#" title="Get an overview of website">Sitemap</a></li>
                            <li><a href="#" title="Get an overview of website">Register</a></li>
                        </ul>
                    </div>
                </div>

                <!-- A.2 HEADER BOTTOM -->
                <div class="header-bottom">

                    <!-- Navigation Level 2 (Drop-down menus) -->
                    <div class="nav2">

                        <!-- Navigation item -->
                        <ul>
                            <li><a href="index.html">Home</a></li>
                        </ul>

                        <!-- Navigation item -->
                        <ul>
                            <li><a href="#">Page Layouts<!--[if IE 7]><!--></a><!--<![endif]-->
                                <!--[if lte IE 6]><table><tr><td><![endif]-->
                                <ul>
                                    <li><a href="layout1.html">Layout-1 (1-col)</a></li>
                                    <li><a href="layout2.html">Layout-2 (2-col)</a></li>
                                    <li><a href="layout3.html">Layout-3 (2-col)</a></li>
                                    <li><a href="layout4.html">Layout-4 (3-col)</a></li>
                                    <li><a href="layout5.html">Layout-5 (3-col)</a></li>
                                </ul>
                                <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                            </li>
                        </ul>

                        <!-- Navigation item -->
                        <ul>
                            <li><a href="#">Header Layouts<!--[if IE 7]><!--></a><!--<![endif]-->
                                <!--[if lte IE 6]><table><tr><td><![endif]-->
                                <ul>
                                    <li><a href="header1.html">Header-1 (T+M+B)</a></li>
                                    <li><a href="header2.html">Header-2 (T+M)</a></li>
                                    <li><a href="header3.html">Header-3 (T+B)</a></li>
                                    <li><a href="header4.html">Header-4 (M+B)</a></li>
                                    <li><a href="header5.html">Header-5 (T)</a></li>
                                    <li><a href="header6.html">Header-6 (M)</a></li>
                                    <li><a href="header7.html">Header-7 (B)</a></li>
                                </ul>
                                <!--[if lte IE 6]></td></tr></table></a><![endif]-->
                            </li>
                        </ul>
                        <ul>
                            <li><a href="index.html">Communities</a></li>
                        </ul>
                        <ul>
                            <li><a href="index.html">Institutes</a></li>
                        </ul>


                    </div>
                </div>

                <!-- A.3 HEADER BREADCRUMBS -->

                <!-- Breadcrumbs -->
                <div class="header-breadcrumbs">
                    <ul>
                        <li><a href="#">Home</a></li>
                        <li><a href="#">Webdesign</a></li>
                        <li><a href="#">Templates</a></li>
                        <li>Multiflex-3</li>
                    </ul>

                    <!-- Search form -->
                    <div class="searchform">
                        <form action="index.html" method="get">
                            <fieldset>
                                <input name="field" class="field"  value=" Search..." />
                                <input type="submit" name="button" class="button" value="GO!" />
                            </fieldset>
                        </form>
                    </div>
                </div>
            </div>


            <!-- For alternative headers END PASTE here -->

            <!-- B. MAIN -->
            <div class="main">

                <!-- B.1 MAIN NAVIGATION -->
                <div class="main-navigation">

                    <!-- Navigation Level 3 -->
                    <div class="round-border-topright"></div>
                    <h1 class="first">Title</h1>

                    <!-- Navigation with grid style -->
                    <dl class="nav3-grid">
                        <dt><a href="#">Navlink 11</a></dt>
                        <dt><a href="#">Navlink 12</a></dt>
                        <dd><a href="#">Navlink 121</a></dd>
                        <dd><a href="#">Navlink 122</a></dd>
                        <dd><a href="#">Navlink 123</a></dd>
                        <dt><a href="#">Navlink 13</a></dt>
                        <dt><a href="#">Navlink 14</a></dt>
                        <dt><a href="#">Navlink 15</a></dt>
                    </dl>

                    <!-- Title -->
                    <h1>Title</h1>

                    <!-- Subtitle -->
                    <h2>Subtitle</h2>

                    <!-- Navigation with bullets -->
                    <dl class="nav3-bullet">
                        <dt><a href="#">Navlink 11</a></dt>
                        <dt><a href="#">Navlink 12</a></dt>
                        <dd><a href="#">Navlink 121</a></dd>
                        <dd><a href="#">Navlink 122</a></dd>
                        <dd><a href="#">Navlink 123</a></dd>
                        <dt><a href="#">Navlink 13</a></dt>
                        <dt><a href="#">Navlink 14</a></dt>
                        <dt><a href="#">Navlink 15</a></dt>
                    </dl>

                    <!-- Subtitle -->
                    <h2>Subtitle</h2>

                    <!-- Navigation without bullets -->
                    <dl class="nav3-nobullet">
                        <dt><a href="#">Navlink 11</a></dt>
                        <dt><a href="#">Navlink 12</a></dt>
                        <dd><a href="#">Navlink 121</a></dd>
                        <dd><a href="#">Navlink 122</a></dd>
                        <dd><a href="#">Navlink 123</a></dd>
                        <dt><a href="#">Navlink 13</a></dt>
                        <dt><a href="#">Navlink 14</a></dt>
                        <dt><a href="#">Navlink 15</a></dt>
                    </dl>
                </div>

                <!-- B.1 MAIN CONTENT -->
                <div class="main-content">

                    <!-- Content unit - One column -->
                    <h1 class="pagetitle">Registration</h1>
                    <div class="column1-unit">
                        <div class="contactform">
                            <form method="post" action="index.html">
                                <fieldset><legend>&nbsp;CONTACT DETAILS&nbsp;</legend>
                                    <p><label for="contact_title" class="left">Title:</label>
                                        <select name="contact_title" id="contact_title" class="combo">
                                            <option value="choose"> Select... </option>
                                            <option value="mrs"> Mrs. </option>
                                            <option value="mr"> Mr. </option>
                                            <option value="dr"> Dr. </option></select></p>
                                    <p><label for="contact_firstname" class="left">First name:</label>
                                        <input type="text" name="contact_firstname" id="contact_firstname" class="field" value="" tabindex="1" /></p>
                                    <p><label for="contact_familyname" class="left">Family name:</label>
                                        <input type="text" name="contact_familyname" id="contact_familyname" class="field" value="" tabindex="1" /></p>
                                    <p><label for="contact_street" class="left">Street:</label>
                                        <input type="text" name="contact_street" id="contact_street" class="field" value="" tabindex="1" /></p>
                                    <p><label for="contact_postalcode" class="left">Postal code:</label>
                                        <input type="text" name="contact_postalcode" id="contact_postalcode" class="field" value="" tabindex="1" /></p>
                                    <p><label for="contact_city" class="left">City:</label>
                                        <input type="text" name="contact_city" id="contact_city" class="field" value="" tabindex="1" /></p>
                                    <p><label for="contact_country" class="left">Country:</label>
                                        <select name="contact_country" id="contact_country" class="combo">
                                            <option value="choose"> Select... </option>
                                            <option value="Sweden"> Sweden </option>
                                            <option value="United States"> United States </option>
                                            <option value="China"> China </option></select></p>
                                    <p><label for="contact_phone" class="left">Phone:</label>
                                        <input type="text" name="contact_phone" id="contact_phone" class="field" value="" tabindex="2" /></p>
                                    <p><label for="contact_email" class="left">Email:</label>
                                        <input type="text" name="contact_email" id="contact_email" class="field" value="" tabindex="2" /></p>
                                    <p><label for="contact_url" class="left">Website:</label>
                                        <input type="text" name="contact_url" id="contact_url" class="field" value="" tabindex="3" /></p>
                                    <p><input type="submit" name="submit" id="submit" class="button" value="Submit" tabindex="6" /></p>
                                </fieldset>

                            </form>
                        </div>
                    </div>
                    <!-- Pagetitle -->
                    <!-- <h1 class="pagetitle">Page Title</h1>-->



                </div>

                <!-- B.3 SUBCONTENT -->
               <div class="main-subcontent">

                    <!-- Subcontent unit -->
                    <div class="subcontent-unit-border">
                        <div class="round-border-topleft"></div><div class="round-border-topright"></div>
                        <h1>Login</h1>
                        <div class="loginform">
                            <form method="post" action="index.html">
                                <p><input type="hidden" name="rememberme" value="0" /></p>
                                <fieldset>
                                    <p><label for="username_2" class="top">User:</label><br />
                                        <input type="text" name="username_2" id="username_2" tabindex="1" class="field" onkeypress="return webLoginEnter(document.loginfrm.password);" value="" /></p>
                                    <p><label for="password_2" class="top">Password:</label><br />
                                        <input type="password" name="password_2" id="password_2" tabindex="2" class="field" onkeypress="return webLoginEnter(document.loginfrm.cmdweblogin);" value="" /></p>
                                    <p><input type="checkbox" name="checkbox" id="checkbox_2" class="checkbox" tabindex="3" size="1" value="" onclick="webLoginCheckRemember()" /><label for="checkbox_1" class="right">Remember me</label></p>
                                    <p><input type="submit" name="cmdweblogin" class="button" value="LOGIN"  /></p>
                                    <p><a href="#" onclick="webLoginShowForm(2);return false;" id="forgotpsswd_2">Password forgotten?</a></p>
                                </fieldset>
                            </form>
                        </div>
                    </div>

                    <!-- Subcontent unit -->
                    <div class="subcontent-unit-border">
                        <div class="round-border-topleft"></div><div class="round-border-topright"></div>
                        <h1>Events</h1>
                        <h3><a href=#>Event 1</a> </h3>
                        <h3>Monday, 20 November 2006</h3>
                        <p>Lorem ipsum dolor sit amet, consectetur elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua...</p>
                        <h3><a href=#>Event 2</a></h3>
                        <h3>Monday, 20 November 2006</h3>
                        <p>Lorem ipsum dolor sit amet, consectetur elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua...</p>
                    </div>
                    <!-- Subcontent unit -->
                    <div class="subcontent-unit-border">
                        <div class="round-border-topleft"></div><div class="round-border-topright"></div>
                        <h1>News</h1>
                        <h3><a href=#>News 1</a></h3>
                        <p>Lorem ipsum dolor sit amet, consectetur elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua...</p>
                    </div>

                </div> 
            </div>

            <!-- C. FOOTER AREA -->

            <div class="footer">
                <p>Copyright &copy; 2011 DEFINSLAB | All Rights Reserved</p>
                <p class="credits">Original design by <a href="http://www.definslab.com" title="Designer Homepage">G. Wolfgang</a> | Adapted by <a href="#" title="Adaptor Homepage">DEFINSLAB</a> | Powered by <a href="#" title="Content Management System">CodeIgniter</a> | <a href="http://validator.w3.org/check?uri=referer" title="Validate XHTML code">W3C XHTML 1.0</a> | <a href="http://jigsaw.w3.org/css-validator/" title="Validate CSS code">W3C CSS 2.0</a></p>
            </div>
        </div>

    </body>
</html>



